import React from 'react'
import { Carousel } from 'antd';
import './banner.css'
import { Link } from 'react-router-dom';

// 轮播图图片
let ImageList = [
    'https://asset.eqh5.com/5f513953e64c40bbb6a84eba40017dd2.jpeg?imageMogr2/quality/80/format/webp/',
    'https://asset.eqh5.com/a862700082c8403eac7433931fb76e03.jpg?imageMogr2/quality/80/format/webp/',
    'https://asset.eqh5.com/034269cd14d24c71b98187574d4c1b79.jpg?imageMogr2/quality/80/format/webp/',
    'https://asset.eqh5.com/8efa0867304545079944e0fab5629cdb.jpeg?imageMogr2/quality/80/format/webp/',
    'https://asset.eqh5.com/1749137f346549eabaa8c8e51b65c495.jpeg?imageMogr2/quality/80/format/webp/',
    'https://asset.eqh5.com/c9fbe921f88a4aa188502255dfd33271.jpeg?imageMogr2/quality/80/format/webp/',
    
]

function Banner() {
    return (
        <div className='banner_Box'>

            <Carousel autoplay infinite={true}>
                {
                    ImageList.map((item) => {
                        return <div className='bannerStyle' key={item}>
                            <img className='contentStyle' src={item} alt="" />
                        </div>
                    })
                }
            </Carousel>

        </div>
    )
}

export default Banner
